// components/test/test.js
Component({
 
  lifetimes:{
    created: function() {
      console.log("created");
      // 在组件实例进入页面节点树时执行
    },
    attached: function() {
      console.log("attached");
      // 在组件实例被从页面节点树移除时执行
    },
  },
  options: {
    // 指定纯数字字段
    pureDataPattern:/^_/,
    // 样式隔离级别    默认isolation 双向隔离
    // apply-shared:页面影响组件
    // shared:互相影响
    styleIsolation: "shared"
  },
  /**
   * 组件的属性列表
   */
  properties: {
    max: Number,
    max2: {
      type: Number,
      value: 10
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    count: 0,
    n1: 0,
    n2: 0,
    sum: 0,
    _rgb: {
      r: 0,
      g: 0,
      b: 0,
    },
    fullColor: '0,0,0'
  },
  
  /**
   * 组件的方法列表
   */
  methods: {
    _randomColor(){
      this.setData({
        _rgb:{
          r:Math.floor(Math.random() * 256),
          g:Math.floor(Math.random() * 256),
          b:Math.floor(Math.random() * 256)
        }
      })
    },
    changeR() {
      this.setData({
        '_rgb.r': this.data._rgb.r + 5 > 255 ? 255 : this.data._rgb.r + 5
      })
    },
    changeG() {
      this.setData({
        '_rgb.g': this.data._rgb.g + 5 > 255 ? 255 : this.data._rgb.g + 5
      })
    },
    changeB() {
      this.setData({
        '_rgb.b': this.data._rgb.b + 5 > 255 ? 255 : this.data._rgb.b + 5
      })
    },

  },
  observers: {
    '_rgb.r, _rgb.g, _rgb.b': function (r, g, b) {
      this.setData({
        fullColor: `${r}, ${g},${b}`
      })

    },
    addCount() {
      if (this.data.count >= this.properties.max) {
        return;
      }
      this.setData({
        count: this.data.count + 1,
        max: this.properties.max + 1
      });
      this._showCount();
    },
    _showCount() {
      wx.showToast({
        title: 'count是' + this.data.count,
        icon: 'none'
      })
    },
    addN1() {
      this.setData({
        n1: this.data.n1 + 1
      })
    },
    addN2() {
      this.setData({
        n2: this.data.n2 + 1
      })
    },
  },
  
  pageLifetimes: {
    show: function() {
      // 页面被展示
      this._randomColor();
    },
    hide: function() {
      // 页面被隐藏
    },
    resize: function(size) {
      // 页面尺寸变化
    }
  },
})